<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Hello1024</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Loading Bootstrap -->
    <link href="source/vendor/flat-ui/dist/css/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Loading Flat UI -->
    <link href="source/vendor/flat-ui/dist/css/flat-ui.css" rel="stylesheet">

    <link rel="shortcut icon" href="favicon.ico">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
    <script src="source/vendor/flat-ui/dist/js/vendor/html5shiv.js"></script>
    <script src="source/vendor/flat-ui/dist/js/vendor/respond.min.js"></script>
    <![endif]-->
    <style>
        body {
            background-color: #eff7ff;
        }
    </style>
</head>

<body>
    <div class="navbar navbar-default navbar-static-top" role="navigation" style="background-color:white;">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                </button>
                <a class="navbar-brand">
                    <img alt="..." class="img-circle" style="height: 27px;width: 27px;vertical-align: bottom;" src="source/img/avatar.jpg" />
                    <span>梦想の乡</span>
                </a>
            </div>
            <div class="navbar-collapse collapse ">
                <ul class="nav navbar-nav navbar-right ">
                    <li>
                        <a href="# ">Home Page</a>
                    </li>
                    <li>
                        <a href="# ">Map</a>
                    </li>
                    <li>
                        <a href="# ">Message</a>
                    </li>
                    <li>
                        <a href="# ">Question</a>
                    </li>
                    <li>
                        <a href="# ">About</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--顶部菜单-->
    <div class="container">
        <div class="row">
            <main class="col-md-8 main-content">
                <div id="home_article_pad">
                    <!--article list-->
                </div>
                <ul class="pagination pagination-minimal" id="pagination">
                    <!--pagination list-->
                    <!-- <li class="pagination-dropdown dropup">
                        <a href="#fakelink" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="fui-triangle-up"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="#fakelink">10–20</a>
                            </li>
                            <li>
                                <a href="#fakelink">20–30</a>
                            </li>
                            <li>
                                <a href="#fakelink">40–50</a>
                            </li>
                        </ul>
                    </li> -->
                </ul>
            </main>
            <aside class="col-md-4">
                <div class="panel" style="border-radius: 0;">
                    <div class="panel-heading">KeyWord</div>
                    <div class="divider"></div>
                    <div class="panel-body" id="home_label_pad">
                        <!--article label list-->
                    </div>
                </div>
                <div class="panel" style="border-radius: 0;">
                    <div class="panel-heading">About Me</div>
                    <div class=" panel-body ">
                        <p>
                            <span class="fui-twitter" style="color:skyblue;">
                                <span style="margin-left:20px; "></span>
                        </p>
                        <p>
                            <span class="fui-mail" style="color:orange;">
                                <span style="margin-left:20px; "></span>
                        </p>
                        <p>
                            <span class="fui-github" style="color:purple;"></span>
                            <span style="margin-left:20px; "></span>
                        </p>
                    </div>
                </div>
                <div class="panel" style="border-radius: 0;">
                    <div class="panel-heading">About Other</div>
                    <!-- <div class=" panel-body ">
                        <small>
                            <span class="fui-new" style="color:green;">
                                <span style="margin-left:10px;margin-right:10px;cursor:pointer;">本站声明</span>
                        </small>
                        <small>
                            <span class="fui-user" style="color:skyblue;">
                                <span style="margin-left:10px;margin-right:10px;cursor:pointer;">关于我们</span>
                        </small>
                        <small>
                            <span class="fui-link">
                                <span style="margin-left:10px;margin-right:10px;cursor:pointer;">友情链接</span>
                        </small>
                    </div> -->
                </div>
            </aside>
        </div>
    </div>
    <footer class="main-footer " style="margin-top:100px;background-color:black;padding:20px 0px;">
        <p class="text-center ">
            <em>
                Copyright © 2016 XiaoJian. All Rights Reserved.|
                <span onclick="window.location.href='http://www.miitbeian.gov.cn/' " style="cursor: pointer; ">赣&nbspICP备16010587号</span>
            </em>
        </p>
    </footer>
    <!-- jQuery (necessary for Flat UI's JavaScript plugins) -->
    <script src="source/vendor/flat-ui/dist/js/vendor/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <!-- <script src="source/vendor/flat-ui/dist/js/vendor/video.js"></script> -->
    <script src="source/vendor/flat-ui/dist/js/flat-ui.min.js"></script>
    <script src="src/build/home.js"></script>
</body>

</html>